<script setup>

import PanHeader from "./panheader.vue"
import PanMl from "./panml.vue"
import PanList from "./panlist.vue"
import Search from "../sideright/search.vue"

</script>
//报错一样fhf
<template>


  <div class="p-main-panel">

    <div class="p-main-body">
      <PanHeader class="p-main-header"></PanHeader>
      <div class="p-main-light">
        <PanMl class="p-main-mulu"></PanMl>
        <PanList class="p-main-list"></PanList>
      </div>
    </div>
    <div class="p-main-right">
      <Search></Search>
    </div>

  </div>


</template>

<style lang="less" scoped>
.p-main-panel {
  display: flex;
  flex-direction: row;
  width: calc(100vw);

  .p-main-body {

    display: flex;
    flex-direction: column;
    border-right: 1px solid #f1f2f4;
    padding-right: 10px;
    flex: 1;

    .p-main-header {

    }

    .p-main-light {
      flex: 1;
    }
  }

  .p-main-right {
    min-width: 15rem;
  }
}


</style>

















